<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Gemeinde in Aktion</title>
<link type="text/css" href="css/start/jquery-ui-1.8.17.custom.css" rel="stylesheet" />	
<link type="text/css" href="css/userList.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="js/userList.js"></script>
</head>
<body>
  <div id="fb-root"></div>
  <div id="container">
    <div id="header">
      <div id="title"><h1>User Management</h1></div>
      <div id="fbLoginInfo" data-identity="0">
	    <a href="#" id="fbLogin" class="ui-state-default ui-corner-all">Login</a>
        <span id="fbname"></span>
        <img id="fbimage"/>
      </div>
	</div>
	
	<div>
	<input type="text" name="email" id="emailForm" class="text ui-widget-content ui-corner-all" />
	<a href="#" id="addUser" class="ui-state-default ui-corner-all">Neuer User</a>
	<input type="text" name="password" id="passwordForm" class="text ui-widget-content ui-corner-all" />
	<a href="#" id="newPasswordButton" class="ui-state-default ui-corner-all">Neues Passwort</a>
	</div>

	<div class="ui-widget">
	  <div class="ui-widget-header ui-corner-top">
	    <h2>Users</h2>
      </div>
      <div id="userList" class="ui-widget-content ui-corner-bottom">
        <p>...User werden geladen...</p>
      </div>
    </div>
    
  </div> <!-- Container --> 
</body>
</html>